<template>
  <div class="container">
      <common-header :title="title"></common-header>
      <tab></tab>
      <list-scroll-wrapper></list-scroll-wrapper>
  </div>
</template>

<script>
import fieldDatas from 'data/fields';
import { mapState } from 'vuex';

import CommonHeader from 'components/Header/Common';
import Tab from 'components/Tab/Index';
import ListScrollWrapper from 'components/ScrollWrapper/List';

export default {
  name: 'List',
  components: {
    CommonHeader,
    Tab,
    ListScrollWrapper
  },
  data () {
    return {}
  },
  computed: {
    ...mapState(['field']),
    title () {
      if (this.field) {
        return fieldDatas.filter(item => item.field === this.field)[0].iconText + '列表'
      }
    }
  }
}
</script>

<style lang="scss" scoped>

</style>